/*-colors------------------------*/

#mainTitleText{
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
}

.hilightVariable {
 color: #D52B1E; 
 font-weight: bold;
}

.inlineButton { 
    border-style: solid; 
    border-width : 1px 1px 1px 1px; 
    text-decoration : none; 
    padding : 2px; 
    border-color : #00d #00f #00f #00d; 
} 

.inlineButton:hover { 
    border-color: #ccc; 
}

.titlePageButton {
    text-align: center;
}

.Skin #Questions {
   overflow-x: hidden !important;
   overflow-y: auto;
}

#footerlogo {
  z-index: 0;
}

.TocMargin #SkinContent #TOCPage{
    padding-top: 0px !important;
}

#TOCPage .QuestionOuter{
   overflow-x: hidden !important;
}

#TOCPage {
    visibility: hidden !important;
    height: 0px;
}

#Plug {
  visibility:hidden;
  height:0px;
}

.dynamicWidth{
  width:100%;
  max-width: 562px !important;
}

.dynamicWidthFooter{
  width:100%;
  max-width: 770px !important;
}

.irRed {
  color: #D52B1E; 
}

.irBlue {
  color: #0000DD; 
}

.irBlack, .feedback {
  color: #000000; 
  font-weight: normal;
}

.irBlackBold {
  color: #000000; 
  font-weight: bold;
}

.irBlackSpace {
  color: #000000; 
  font-weight: normal;
  padding: 10px;
}

.irBlack150 {
 color: #000000; 
 font-weight: normal;
 line-height: 150%;
}

.irBlackHeight150 {
 color: #000000; 
 font-weight: normal;
 line-height: 150%;
 font-size: 1.2em;
}

.feedbackBlue {
  color: #0000DD; 
  font-weight: bold;
}

.irHideText {
  visibility:hidden; 
}

.transcriptText{
  color: #000000;
  position: relative;
  float: left;
}

.irBlackScroll{
    overflow-y: scroll;
    padding:5px;
    max-height:100px;
}

/*********************************************************
h2.noStyle {
  visibility: hidden;
  height: 0px;
}
*/
/* table **************************************************/

.matrixlikertmulti {
   border: 0px;
   padding: 1px;
   width: 100%;
}

.matrixlikertmulticolfull {
   text-align: left !important;
   width: 200px;
}

.matrixlikertmulticolsmall {
   text-align: left !important;
   width: 30px;
}

.matrixlikertmultiyellow {
   border: 0px;
   padding: 1px;
   width: 100%;
  background: #FFFF00;
}

.matrixlikertmulticolfullyellow {
   text-align: left !important;
  background: #FFFF00;
   width: 200px;
}

.matrixlikertmulticolsmallyellow {
   text-align: left !important;
   background: #FFFF00;
   width: 30px;
}

/* skin ****************************************************/

.Skin .MC input[type="checkbox"] {
  position: relative;
  top: 40px;
  opacity: 1;
  z-index: 1;
  height: 1.5em;
  width: 1.5em;
  float: left;
}

.Skin .MC input[type="radio"] input[width="0px"]  {
  left: 0px !important;
  top: 0px !important;
}

.Skin input[type="radio"], .Skin input[type="checkbox"] {
    position: absolute;
    opacity: unset;
    height: unset; 
    width: unset; 
}

#TocIcon {
    top: 0px;
}

#TocIcon:before, #TocIcon:after {
    transition: 0s;
}

#TocSidebarContainer {
  position: absolute !important;
  top: 0px !important;
  z-index: 5000 !important;
  overflow: hidden;
  transition: 0s !important;
  left: 0px !important;
}

.reduced.closed #TocSidebarIcons, .closed #TocSidebarIcons {
  transition: all 0s ease-in-out !important;
}

#TocSidebarContent {
  border: none;
  margin-left: 0;
  width: 200px;
  background-color: transparent;
  transition: margin 0s ease-in-out !important;
  padding-bottom: 10px !important; 
}

#Toc a, #Toc strong, #TocHeader a {
    font-size: 14px;
    display: block;
    padding: 1px 20px;
}

#TocSidebarIcons {
    padding-bottom: 0px !important;
}

.Skin #TocSidebarContainer.reduced {
  border: 1px black solid;
}

.Skin #TocSidebarContainer.reduced.closed {
  border: none;
}

#newbuttons {
  right:0px; 
  top:4px; 
}

#transcript {
  color: #000000 !important;
  position: relative !important;
  opacity: 1 !important;
  z-index: 1 !important;
  left: -10px !important;
  top: 3px !important;
  float: left !important;
}

.newNextButton, .newPreviousButton {
  float:right !important; 
  text-align:center !important;
  font-size: 10px;
  width:40px; 
  height:25px; 
  padding: 0px;
  font-weight: bold;
}

.newNextButton:disabled, .newPreviousButton:disabled {
  font-weight: normal;
}

#videoiFrame {
  height:150px;   
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

#slideframe {
  height:150px; 
  width:100%;
}

.boldMenuText {
  font-weight: bold !important;               
}

.questionFormat {
  font-weight: bold !important;               
}

#playfont {
  visibility: visible;
  float:right;
  top: -7px !important;
    position: relative;
}
          
.playfont1 {          
  font-style: normal !important;
  color: #000000 !important;          
}         
          
.playfont2 {
  font-style: normal !important;
  font-weight: bolder !important;
  color: #000000 !important;          
} 


#newhead {
  height: 32px; 
  width:100%;
}

#titlebar {
  float:left !important;
  width: 100%;
}

#titletext {
  float: right !important;
  color: #D52B1E !important;
  font-weight: bold !important;
  text-align: left !important;
}

#coursetitle {
  font-weight:bold;
  float:left;
}


.Skin #HeaderContainer {
    text-align: left !important;
}
        
#uiWidth {  
  width:100%;   
}


html .Skin .ProgressBarFill {
  background: #D52B1E !important;
  height:9px !important;
}

html .Skin #ProgressBar {
  height:10px !important;
  position:relative !important;
  padding-bottom:0px !important;
  top: 2px;
}


.ProgressBarFillContainer {
  position: absolute;
  left:0px;
}

.Skin #ProgressBar tr td:first-child {
  position: relative;
  left: 0;
  color: #000000;
  line-height: 12px;
  border-left: 0;
}

.Skin .ProgressBarContainer {
  position: absolute;
  border-right: none; 
  border-left: none; 
}


.Skin .Separator {
  margin-top: 0pt;
  margin-bottom: 0pt;
  height: 0px;
}


div.InnerInner.BorderColor {
   border-bottom: black;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.Skin #Header {
  padding: 10px 0px 5px 10px;
}

.Skin #HeaderContainer {
   padding-bottom: 1px;
}

div #Head {
  padding-bottom: 10px !important;
}

.Skin #LogoBar{
  visibility:hidden !important;
}


html .Skin #Logo{
  height:0px !important;
  visibility:hidden !important;
}

html .Skin #Buttons {
  padding: 0pt 0px 0pt 0px !important;
  text-align: center !important;
  visibility:hidden;
  height: 0px !important;
  margin-top:0px !important;
}

html .Skin #Plug {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  text-align: center !important;
  font-size: 0% !important;
  visibility:hidden;
}

#SkinContent {
  padding-bottom: 0px !important;           
}


#Wrapper {
  visibility: hidden;
}

.Skin .Inner{
  width:100%;
}

.Skin{
  width:100%;
  margin-left: auto  !important;
    margin-right: auto !important;
} 

#Footer{
  position: relative !important;
    bottom: 0px !important;
}

.copyright {
  font-size:12px;
}

.Skin .QuestionBody {
  color: #43464d;
  font-size: 16px;
  overflow-y: hidden;
  padding: 0px 0px 10px 0px;
  position: relative;
  z-index: 1;
}

.Skin .QuestionText {
  font-family: arial, helvetica, sans-serif;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background: #fff !important;
  font-style: normal !important;
  color: #D52B1E !important;
  font-weight: bold  !important;
  line-height: 1em !important;
  
}

.Skin #Questions .QuestionText, .Skin #Questions .Selection {
  border-bottom: 0px none !important;
}

label.MultipleAnswer.q-checked {
    background: white !important;
    border: none;
    color: #FFFFFF !important;
}

.Skin label.SingleAnswer.q-checked, .Skin label.MultipleAnswer.q-checked {
  background: #CCCCCC;
  border-color: #AAAAAA;
  color: white;
}

.Skin label.SingleAnswer.q-checked.q-focused, .Skin label.MultipleAnswer.q-checked.q-focused {
  background: #999999;
  border-color: #777777;
  color: white;
}

.Skin label.SingleAnswer, .Skin label.MultipleAnswer {
    cursor: pointer;
  background: #f1f1f1;
    background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
    border: medium none;
    transition: #000 0.0s ease-in-out 0s;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 4px;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  margin-bottom: 0px;
}

label.MultipleAnswer {
  padding-left: 40px !important;
  background: white !important;
    border: none;
    color: #FFFFFF !important;
}

.Skin .MC li .LabelWrapper {
  margin: 0px 0px 0px 0px;
  width: 100% !important;
}

.Skin .HeaderValidationError {
  font-size: 60% !important;
  position: absolute !important;
  left: 10px !important;
  width: 180px !important;
  z-index: 1000 !important;
  visibility: hidden;
}

.Skin .ValidationError {
  font-size: 90% !important;
  color: #D52B1E !important;
  font-weight: bold !important;
  text-align: center !important;
  z-index: 1001 !important;
}

.Skin .MC .SAVR span.LabelWrapper {
    float: none;
}


.hov:hover {
    background: yellow !important;
}

.LabelWrapper{
  width:auto !important;
  color: #0000DD !important;
}

fieldset {
    padding-left: 0px !important;
}

.Skin .Grading .Score {
  /*font-size:24px;*/
}

.Inner .TotalScore {
  padding: 5px;
}

.GradingQuestionText .TotalScore .Grading {
  line-height:20px;
}